.index_haoren { width: 1220px; margin: 15px auto; padding: 30px; background-color: #fff; overflow: hidden;}
.index_haoren .index_haoren_title { width: 100%; height: 30px; line-height: 30px; color: #000; font-size: 18px; font-weight: bold;background: url(2022_title_bg3.jpg) 380px center no-repeat;}
.index_haoren .index_haoren_title li img { float: left;}
.index_haoren .index_haoren_title li {float: left; width: 150px; height: 30px; line-height: 30px; color: #fff;background: linear-gradient(to right, #fd6000, #ffbb35, #fd6000); text-align: center; margin-right: 10px;}
.index_haoren .index_haoren_title li.active { color: #000}
.index_haoren .index_zghr_list_box { width: 1220px; margin-top: 20px; position: relative;}
.index_haoren .index_zghr_list_box .index_zghr_list { width: 1190px; margin: 0 30px;}
.index_haoren .index_zghr_list_box .index_zghr_list >div >div{width: 155px;height: 250px; background-color: #fff; overflow: hidden;}
.index_haoren .index_zghr_list_box .index_zghr_list >div >div .zghr_img{width: 155px;height: 200px; overflow: hidden; border-radius: 5px 5px 0 0}
.index_haoren .index_zghr_list_box .index_zghr_list >div >div .zghr_img img{width: 100%;}
.index_haoren .index_zghr_list_box .index_zghr_list >div >div .zghr_text{width: 155px; height: 25px; line-height: 25px; text-align: center; background: linear-gradient(to right, #ef0000, #fd6000, #ef0000); color: #fff; font-size: 14px; overflow: hidden; border-radius: 0 0 5px 5px}

.index_haoren .index_zghr_list_box  .swiper-button-prev{top:50%;left: 0px; margin-top: -40px; height: 50px; width: 20px;  background: url(2022_nav_left.png) top left no-repeat;}
.index_haoren .index_zghr_list_box .swiper-button-next{top:50%;right: 0px; margin-top: -40px; height: 50px; width: 20px; background: url(2022_nav_right.png) top right no-repeat;}